<template>
    <div>
        <label :for="id"><slot></slot></label>
        <input :type="type" :id="id" :value="modelValue" 
         @input="$emit('update:modelValue',$event.target.value)"
         @blur="$emit('validate')"  >
        <span>{{ info }}</span>
    </div>
</template>
<script>
export default {
    props:["type","id","modelValue","info"],
    emits:["abc","update:modelValue","validate"],
    methods:{
        handleBlur(event){
            this.$emit("abc",event.target.value);
        }
    }
}
</script>
<style>
</style>